<dashboard-panel panel-title="Recent Workspaces">
  <md-progress-linear md-mode="indeterminate"
                      ng-show="dashboardLastWorkspacesController.isLoading"></md-progress-linear>
  <div ng-hide="dashboardLastWorkspacesController.isLoading">
    <div class="dashboard-add-button">
      <che-button-primary che-button-title="Create Workspace"
                          ng-href="#/create-project"></che-button-primary>
    </div>
    <span ng-show="dashboardLastWorkspacesController.getWorkspaces().length === 0"
          class="last-workspaces-empty-label">No workspaces found</span>
    <che-list ng-show="dashboardLastWorkspacesController.getWorkspaces().length > 0">
      <che-workspace-item ng-repeat="workspace in dashboardLastWorkspacesController.getWorkspaces()
                                     | orderBy:['attributes.updated', 'attributes.created']:'reverse'
                                     | limitTo:'5'"
                          layout="row"
                          che-selectable="false"
                          che-display-labels="true"
                          che-workspace-item="workspace"></che-workspace-item>
    </che-list>
  </div>
</dashboard-panel>
